@charset "UTF-8";

body {
  background-color: rgba(131, 131, 131, 0.10);
  width: 100%;
  height: 100%;
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0px;

}

.maindiv {
  /*width: 33.33%;*/
  width: 16.5%;
  margin-top: -3px;
  margin-left: -0.21em;
  margin-right: 0px;
  display: inline-block;
  vertical-align: top;
  height: 50%;
  min-width: 100px;
  min-height: 300px;
  background: no-repeat center;
  background-size: cover;
  font-family: capssula;
  color: rgba(0, 0, 0, 0.5);
}

.maindiv:hover {
  color: rgba(255, 255, 255, 0.8);
  background-color: rgb(73, 67, 255);
  cursor: pointer;
}

.commentdivheader {
  height: 25px;
  margin-top: 10%;
  line-height: 25px;
  width: 100%;
  text-align: center;
  font-size: x-large;
  font-weight: bold;
}

.commentdivcontent {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  font-size: medium;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 60%;
  font-weight: bold;
  min-height: 50%;
  width: 70%;
}

.commentdivfooter {
  font-style: italic;
  font-size: smaller;
  font-weight: bold;
  padding: 5px;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}